.table-filter-container {
  position: relative;
  width: 100%;
}

.filter-content {
  transition: max-height 0.3s ease;
  overflow: hidden;
  max-height: 1000px; /* 足够大的高度以容纳所有内容 */
}

.filter-content.collapsed {
  max-height: 80px; /* 折叠时只显示第一行 */
}

.filter-item-collapsed {
  display: none;
}

/* 确保第一行的项目在折叠状态下可见 */
.filter-content.collapsed .filter-item-collapsed:nth-child(-n + 3) {
  display: block;
}

.filter-actions-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 16px;
}

.action-buttons-wrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.collapse-button {
  color: #1890ff;
  padding: 0 8px;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .filter-actions-row {
    justify-content: flex-end;
  }

  .action-buttons-wrapper {
    justify-content: flex-end;
  }
}
